<div class="row">
    <div class="three columns">
        <div class="row">
            <div class="twelve columns">
                <div class="profile wrapper">
                    <div class="row">
                        <div class="twelve columns">
                            <div class="profile image">
                                <a ui-if="!cUser.img" href="#" class="th"><img src=""></a>
                                <a ui-if="cUser.img" href="#" class="th" ng-bind-html="cUser.img"></a>
                                <!-- <img id="userImgMain" ui-if="!cUser.img" src="http://placehold.it/100x100&text=No+Image" alt="">
                                <img id="userImgMain" ui-if="cUser.img" ng-src="{{ cUser.img }}" alt=""> -->
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="twelve columns">
                            <div class="profile info">
                                <h4><small>{{ cUser.display }}</small></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="twelve columns">
                <div style="background: #fff;">
                    <ul class="vertical tabs">
                        <li ng-class="{active: snav.acc}">
                            <a ng-href="/user/{{cUser.display}}"><i class="icon-cogs icon-large"></i> Account Settings</a>
                            <ul ui-if="snav.acc">
                                <li ng-class="{active: snav.prof}"><a ng-href="/user/{{cUser.display}}"><i class="icon-user icon-large"></i> Profile</a></li>
                                <!-- <li ng-class="{active: snav.vald}"><a ng-href="/user/{{cUser.display}}/validations"><i class="icon-check icon-large"></i> Validations</a></li>
                                <li ng-class="{active: snav.cp}"><a ng-href="/user/{{cUser.display}}/change-password">Change Password</a></li>
                                <li ng-class="{active: snav.sec}"><a ng-href="/user/{{cUser.display}}/security-privacy"><i class="icon-flag icon-large"></i> Security and Privacy</a></li> -->
                            </ul>
                        </li>
                        <!-- <li ng-class="{active: snav.conn}">
                            <a ng-href="/user/{{cUser.display}}/friends"><i class="icon-sitemap icon-large"></i> Connections</a>
                            <ul ui-if="snav.conn">
                                <li ng-class="{active: snav.frn}"><a ng-href="/user/{{cUser.display}}/friends"><i class="icon-group icon-large"></i> Friends</a></li>
                                <li ng-class="{active: snav.soc}"><a ng-href="/user/{{cUser.display}}/social-accounts"><i class="icon-bookmark icon-large"></i> Social Accounts</a></li>
                            </ul>
                        </li> -->
                        <li ng-class="{active: snav.pm}">
                            <a ng-href="/user/{{cUser.display}}/inbox"><i class="icon-envelope icon-large"></i> Private Messages <span ui-if="!ping.msg" style="color: #C83025;"><sup><i class="icon-circle"></i></sup></span></a>
                            <ul ui-if="snav.pm">
                                <li ng-class="{active: snav.inb}"><a ng-href="/user/{{cUser.display}}/inbox"><i class="icon-inbox icon-large"></i> Inbox ({{ pm.ibc }}) <span ui-if="!ping.msg" style="color: #C83025;"><sup><i class="icon-circle"></i></sup></span></a></li>
                                <li ng-class="{active: snav.outb}"><a ng-href="/user/{{cUser.display}}/outbox"><i class="icon-upload-alt icon-large"></i> Outbox ({{ pm.obc }})</a></li>
                            </ul>
                        </li>
                        <li ng-class="{active: snav.coll}">
                            <a ng-href="/user/{{cUser.display}}/for-sell"><i class="icon-folder-close icon-large"></i> Items Collections</a>
                            <ul ui-if="snav.coll">
                                <!-- <li ng-class="{active: snav.wsh}"><a ng-href="/user/{{cUser.display}}/wishlist"><i class="icon-star icon-large"></i> Wishlist</a></li> -->
                                <li ng-class="{active: snav.sel}"><a ng-href="/user/{{cUser.display}}/for-sell"><i class="icon-money icon-large"></i> Posted for Sell</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="nine columns">
        <div class="row">
            <div class="twelve columns">
                <div class="content wrapper">
                    <div class="row">
                        <div class="twelve columns">
                            <div class="content header">
                                <ul class="breadcrumbs">
                                    <li><span>{{ opt.brd[0] }}</span></li>
                                    <li class="current"><span>{{ opt.brd[1] }}</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <ng-include src="pcontent" onload="loaded()"></ng-include>
                </div>
            </div>
        </div>
    </div>
</div>